<template>
  <view class="content">
    <view class="titleSign">
      充值订单
    </view>
    <view class="card" style="background:#FFC82C">
      <view class="list">
        <view class="listItem">
          单数
        </view>
        <view class="listItem">
          充值金额
        </view>
        <view class="listItem">
          赠送金额
        </view>
      </view>
      <view class="list listBorder">
        <view class="listItem">
          {{detailData.count.recharge_num}}
        </view>
        <view class="listItem">
          {{detailData.count.recharge_amount}}
        </view>
        <view class="listItem">
          {{detailData.count.recharge_balance}}
        </view>
      </view>
      <view class="list ">
        <view class="listItem">
          支付方式
        </view>
      </view>
      <view class="list ">
        <view class="listItem">
          支付宝
        </view>
        <view class="listItem">
          微信
        </view>
        <view class="listItem">
          pos
        </view>
        <view class="listItem">
          现金
        </view>
      </view>
      <view class="list">
        <view class="listItem">
          {{detailData.count.recharge_unionpay}}
        </view>
        <view class="listItem">
          {{detailData.count.recharge_wxpay}}
        </view>
        <view class="listItem">
          {{detailData.count.recharge_pos}}
        </view>
        <view class="listItem">
          {{detailData.count.recharge_cash}}
        </view>
        <!-- <view class="listItem">
          00.0
        </view> -->
      </view>
    </view>
    <view class="titleSign">
      油品订单
    </view>
    <view class="card"  style="background:#78A4FA">
      <view class="list">
        <view class="listItem">
          应收
        </view>
        <view class="listItem">
          优惠
        </view>
        <view class="listItem">
          实收
        </view>
      </view>
      <view class="list listBorder">
        <view class="listItem">{{detailData.count.order_money}}</view>
        <view class="listItem">{{detailData.count.order_discount}}</view>
        <view class="listItem">{{detailData.count.order_amount}}</view>
      </view>
      <view class="list ">
        <view class="listItem">
          支付方式
        </view>
      </view>
      <view class="list">
        <view class="listItem">
          支付宝
        </view>
        <view class="listItem">
          微信
        </view>
        <view class="listItem">
          pos
        </view>
      </view>
      <view class="list ">
        <view class="listItem">{{detailData.count.order_unionpay}}</view>
        <view class="listItem">{{detailData.count.order_wxpay}}</view>
        <view class="listItem">{{detailData.count.order_pos}}</view>
      </view>
      <view class="list">
        <view class="listItem">
          储值支付
        </view>
        <view class="listItem">
          现金支付
        </view>
      </view>
      <view class="list ">
        <view class="listItem">
          {{detailData.count.order_other}}
        </view>
        <view class="listItem">
          {{detailData.count.order_cash}}
        </view>
      </view>
     
    </view>
    <view class="titleSign">
    </view>
    <view class="card" style="background:#F0D0D5">
       <view class="list">
        <view class="listItem">
          手续费
        </view>
      </view>
      <view class="list ">
        <view class="listItem">
          充值：手续费{{detailData.count.recharge_fee}}元
        </view>
        <view class="listItem">
          加油：手续费{{detailData.count.order_fee}}元
        </view>
      </view>
    </view>
    <view class="titleSign">
    </view>
    <view class="card" style="background:#FFC82C">
      <view class="list ">
        <view class="listItem">
          收入统计:
        </view>
      </view>
      <view class="list">
        <view class="listItem">
          加油交班对账
        </view>
        <view class="listItem">
          本班总收入
        </view>
      </view>
      <view class="list ">
        <view class="listItem">
          {{( Number(detailData.count.order_unionpay)+
              Number(detailData.count.order_discount)+
              Number(detailData.count.order_other)+
              Number(detailData.count.order_pos)+
              Number(detailData.count.order_wxpay)).toFixed(2)}}元
        </view>
        <view class="listItem">
          {{(Number(detailData.count.unionpay)+Number(detailData.count.wxpay)+Number(detailData.count.pos)).toFixed(2)}}
        </view>
      </view>
      <!-- <view class="list">
        <view class="listItem">
          手续费
        </view>
        <view class="listItem">
          实际入账
        </view>
      </view>
      <view class="list ">
        <view class="listItem">
          {{(Number(detailData.recharge_fee) + Number(detailData.order_fee)).toFixed(2)}}
        </view>
        <view class="listItem">
          {{(Number(detailData.show_unionpay_total) + Number(detailData.cash) + Number(detailData.ex_cash_amount) - Number(detailData.recharge_fee) - Number(detailData.order_fee)).toFixed(2)}}
        </view>
      </view> -->
    </view>
    <view class="titleSign">
    </view>
  </view>
</template>

<script>
import './particulars.scss'
import Taro from '@tarojs/taro'
import exchange from "../../api/shiftExchange.js"
import {mydateFormat } from "./../../utils/timeFormat"
export default {
  name: 'user',
  props: [
    'propsData'
  ],
  watch: {
    propsData:{
      handler: function(val){
        console.log(val)
        this.detailData = val;
      },
      // immediate: true
    }
  },
  data(){
    return{
      //详细信息
      detailData: {
        count: {},
      }
    }
  },
  mounted(){
  },
  methods: {}
}

</script>
